/*  
Theme Name: HoPE
Theme URI: http://patrick.bloggles.info/themes/
Description: A 3-column theme with a clean and flickr or PicasaWeb gallery design. Customizable header images, fixed-width and widget-ready. Compatible with WordPress 2.7+
Author: Patrick
Author URI: http://patrickchia.com/
Version: 2.1
Tags: microformats, theme-options, custom-header, dark, yellow, white, black, threaded-comments, photoblogging
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: '';	content: none;}

/* remember to define focus styles! */
:focus {outline: 0;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;	border-spacing: 0;}


body {font-family:verdana, 'Lucida Grande', arial, sans-serif; font-size:65%; text-align:center; line-height:1.3; background:#fff;}
body {
	background-color: #FFFFFF ;
	background-image: url( "images/bg.jpg" ) ;
	background-repeat: repeat-x ;
	color: #333333 ;
}

/*-----layout-----*/
#page {width:960px; margin:0 auto; text-align:left; color:#111;}
#header{width:960px; float:left; position:relative;}
#container{width:920px; float:left; padding:0;margin-left:19px;}
#rotating{display:block; width:920px; /*float:relative;*/height: 305px; padding:0;
	background-image: url( "images/ss.jpg" ) ;
	background-repeat: repeat-x ;
	-moz-border-radius-topleft: 10px;
	-khtml-border-top-left-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}
#gradient { bottom: 0px; background: url(images/gradient-dark.png) bottom center repeat-x;height: 305px; padding:0;}
#note{
	float:right;
	right:0;
	top:0;
	/*background-color:#999;*/
	padding:10px;
	margin-right: 0;
	margin-top:0;
	width: 401px;
	height: 285px;
	background: #999 url(images/gradient-dark.png) bottom repeat-x;
	-moz-border-radius-topright: 10px;
	-khtml-border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	border-top-right-radius: 10px;
}

.search{float:right;
	padding-right:25px;
	padding-top:25px;
}
.search input{
	color: #333;
	padding: 3px;
	border: solid 1px #333;
	background-color:#000;
	width: 200px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

.search input:hover { border: solid 1px #fff;
	background-color:#666;}

}
#note p{font-size:1em;font-weight:bold;color:#000;}
#note li{list-style-type:none;}
#note li a{color:#000;float:relative;}
#content{width:480px; float:left; padding:80px 19px 0 0;}
#secondary{width:421px; float:left;
	font-size:1.2em;
	background-color:#fff;
	margin-bottom:30px;
}
#sidebar-1{border-left:0px solid #ccc;}
.sidebar{float:left; width:195px; padding:10px 0 0 10px;}
#footer{width:920px; float:left; clear:both;}

/*-----header-----*/
.homelink{font:30px/1 georgia, verdana, arial, sans-serif; /*letter-spacing:-0.5px;*/ padding:15px 0 10px 19px;text-transform:uppercase;}
.homelink a{color:#fff;}
.homelink a:hover{color:#ccc; text-decoration:none;}
.description{color:#666; margin-top:-10px; padding:0 0 10px 20px; font-size:12px; line-height:1; font-style:normal;text-transform:uppercase;}
#skip a{padding:0.2em 0.3em; font-weight:bold; background:#e5e5e5; color:#444; display:block; text-decoration:none; position:absolute; top:0.5em; right:999em;}
#skip a:first-letter{text-decoration:underline;}
#skip a:hover{background:#ddd;}
	/*-main-menu*/
ul.menu{float:left;display:block;padding-top:15px;}
ul.menu li{font:bold 12px/1 verdana, georgia, arial, sans-serif;padding-top:5px;}
ul.menu li a{display:block; color:#fff; padding:8px;background-color:#000;
	-moz-border-radius-topright: 8px;
	-khtml-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-khtml-border-bottom-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	border-bottom-right-radius: 8px;
	filter:alpha(opacity=60);
	-moz-opacity:.60;
	opacity:.60;
}
ul.menu li a:hover{text-decoration:none; background:#888;}
ul.menu li.current_page_item a{color:#444; background:#fff; }
	
/*-----Generic Styles-----*/
b, strong{font-weight:bold;}
i, em, dfn, .fn, cite{font-style:normal;}
dfn{font-weight:bold;}
abbr, acronym{border-bottom:1px solid #ddd;}
sup, sub{font-size:0.7692em; line-height:1;} 
sup{vertical-align:super;}
sub{vertical-align:sub;}
del{text-decoration:line-through;}
u, ins{text-decoration:underline;}
pre, code, tt{font:1em/1.5385 consolas, 'Courier New', Courier, Monospace;}
pre{margin:0 0 1.5385em; padding:0.7692em 10px; border:1px solid #ddd; overflow:auto;}
hr{background:#ccc; color:#ccc; clear:both; float:none; width:100%; height:0.1em; margin:0 0 1.5385em; border:none;}
blockquote{margin:0 0 1.5385em; padding:0 0 0 40px; color:#555; background:url('images/quote.gif') no-repeat;}

/*-----headings-----*/	
h1, h2, h3, h4, h5, h6{font-weight:normal; font-family:georgia, verdana, arial, sans-serif; letter-spacing:-0.3px;}
.entry-title{font-size:2.2em; margin:0.9091em 0 0;text-transform:uppercase; }
.page-title{font-size:2.2em; margin:0 0 0;text-transform:uppercase; }
.page .entry-title, .page-template .entry-title{text-align:center;}
.page-title{text-align:center; margin-bottom:0.9091em;}
.sidebar h2{font-size:1.2em;}
.entry-content h1, .entry-content h2{font-size:1.5385em; line-height:1; margin:1.5em 0 0.5em;}
.entry-content h3{font-size:1.3846em; line-height:1.1111; margin:1.66665em 0 0.55555em;}
.entry-content h4{font-size:1.2308em; font-weight:bold; line-height:1.25; margin:1.875em 0 0.625em;}
.entry-content h5, .entry-content h6{font-size:1em; font-weight:bold; margin:2.30775em 0 0.76925em;}

/*-----content-----*/
.looped .entry, .single .entry{border-bottom:1px dashed #ddd;}
.entry-content{font-size:1.2em; line-height:1.5385; margin:1.5385em 0 0; color:#444;text-align: justify;}
.entry-content p{margin:0 0 1.5385em;}
.entry-content li ul{margin:0 0 0 30px;}
.entry-content li ol{margin:0.5385em 0 0.9999em 30px;}
.entry-content ul, .entry-content ol{margin:0 0 1.5385em 30px;}
.entry-content ul{list-style-type:none;}
.entry-content li ul{list-style-type:none;}
.entry-content ol{list-style-type:none;}
.entry-content li ol{list-style-type:none;}
.entry-content dl{margin:0 0 1.5385em;}
.entry-content dl dt{font-weight:bold;}
.entry-content dd{margin:0 0 1.5385em;}
.entry-content address{margin:0 0 1.5385em; font-style:normal;}
.entry-date{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	display:block;
	width:50px;
	height:50px;
	float:left;
	background-color:#eee;
	padding:6px;
	margin-top:0;
	margin-bottom:10px;
	margin-right:10px;
	-moz-border-radius: 20%;
	-khtml-border-radius: 50%;	
	-webkit-border-radius: 50%;
	border-radius: 50%;
	text-align:center;
	font-family: arial; sans;
	font-size: 19px;
	font-weight:bold;
	color: #000;
}
	/*-post info*/
.entry-byline{color:#777; font:normal 1.1em georgia, sans-serif;}
.entry-byline address{display:inline;}
.entry-meta{margin:2.4999em 0 0.8333em; font:normal 1.3em/1.6666 georgia, sans-serif; color:#555;}
.entry-categories{
	background:#fff url(./images/post.gif) no-repeat left;
	padding:3px;
	padding-left:20px;}
	/*-images*/
img.alignleft, div.alignleft{margin:0 15px 3px 0; display:inline;}
img.alignright, div.alignright{margin:0 0 3px 15px; display:inline;}
.aligncenter, div.aligncenter {display:block; margin:0 auto 1.5385em;}
img.border{padding:4px; border:1px solid #ccc; background:#eee;}
.alignleft{float:left;}
.alignright{float:right;}
.center{text-align:center;}
.wp-caption {text-align:center; padding-top:4px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption p.wp-caption-text {color:#555; padding:4px; margin:0; font:normal 0.923em/1.6666em georgia, verdana, sans-serif;}
	/*-Gallery*/
.entry-content .attachment a,
.entry-content .gallery a,
.entry-content .attachment a:hover,
.entry-content .gallery a:hover {border:none;}
.attachment img, .attachment-thumbnail, .entry-content .gallery img{padding:2px; border:1px solid #ccc;}
.attachment img:hover, .attachment-thumbnail:hover, .entry-content .gallery img:hover{border:1px solid #888;}
img.attachment-thumbnail{width:147px;}
.attachment{text-align:center;}
	/*-tables*/
.entry-content table{margin:0 0 1.5385em; border-collapse:collapse; color:#444; width:80%;}
.entry-content th{font-weight:bold; background:#ccc;}
.entry-content th, .entry-content td{padding:0.2em 10px;}
.entry-content td{border:1px solid #ccc;}
.entry-content tbody tr:hover{background:#ddd;}
.entry-content tfoot{background:#ddd;}

/*-----sidebar-----*/
	/*-Feed*/
#rss-links{
	height:32px;
	margin:0 0 1em 0; 
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
#rss-links p{margin:0 0 0 65px; padding:8px 5px; font:bold 13px georgia, verdana, sans-serif;}
.rss{background:#eee url(images/rss.png) no-repeat 2% 47%;}
.twitter{background:#eee url(images/twitter-trans.png) no-repeat 2% 47%;}
	/*-search*/
div#search{height:22px; border-top:1px solid #aaa; border-bottom:1px solid #aaa; margin:0 0 1em 0; background:#ccc; padding:5px 5px 5px 6px;}
#s-input{border:1px solid #fff; margin-right:4px; font-size:12px; height:16px; padding:2px; vertical-align:top;}
.entry #s-input{border-color:#888;}
#submit, #s-submit {
	-moz-border-radius: 20px;
	-khtml-border-radius: 20px;	
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border:1px solid #ccc;
	background:#eee;
	color:#000; font-size:10px;font-weight:bold;padding:5px;}
#submit:hover, #s-submit:hover{
	border:1px solid #333;
	background:#ccc;
	}
#s-input, #submit, #s-submit{font-family:verdana,arial, sans-serif;}
	/*-widgets*/
.pagenav, .widget {font-size:1em; line-height:1.5; margin:0 0 1em; padding:15px 20px 15px 0; background:#eee;
border-right: solid 1px #ccc;
border-bottom: solid 1px #ccc;
-moz-border-radius: 8px;
-khtml-border-radius: 8px;	
-webkit-border-radius: 8px;
border-radius: 8px;
color: #333;
}
.pagenav li, .widget li{margin:0.1667em 0; padding:0;}
.pagenav ul li, .widget ul li {border-bottom: solid 1px #fff;margin-left:20px;padding-bottom:5px;}
.pagenav h2, .widget h2{padding:0 0 0 20px; line-height:1.8; color:#660000; text-transform:uppercase; font-weight:bold;font-size:12px;}
/*#recent-posts li, #recent-comments li, .widget_rss li{background: url(images/bullet.gif) 0 0.55em no-repeat;}*/
.pagenav ul li a, .widget ul li a {color:#808080;text-decoration:none;}
.pagenav ul li a:hover, .widget ul li a:hover {color:#663300;}
	/*-calendar*/
#calendar_wrap{padding:0 0 0 18px;}
#wp-calendar{width:95%; margin:0;}
#wp-calendar caption{font-weight:bold;}
#wp-calendar th{background:#ccc;}
#wp-calendar th, #wp-calendar td{text-align:center; padding:0.25em 0;}
#wp-calendar td{font-size:0.9em; color:#666;border:solid 1px #fff;}
#wp-calendar a{font-weight:bold;}

/*-----navigation-----*/
.navigation{font-size:1.2em; text-align:center; padding:1.8181em 0;}
.navleft, .gnavleft{float:left; width:50%; text-align:left;}
.navright, .gnavright{float:right; width:50%; text-align:right;}
.gnavigation{padding:0 0 2em;}

/*-----footer-----*/
#footer{margin:0 0 10px; border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:20px 0; font:12px/20px georgia, verdana, snas-serif;}
#footer .left{width:50%; float:left; text-align:left;}
#footer .right{width:50%; float:right; text-align:right;}
.clear{margin:0; padding:0; clear:both;}

/*-----comments-----*/
#comments{width:480px;font-size:100%;}
.nocomments{text-align:center; padding:1.25em 0; font-size:1.6em; border-top:1px dashed #ddd;}
#comments h3{font-size:1.5em; text-transform:uppercase; font-weight:normal; line-height:1;}
h3.comments-number{margin:0 auto 1.5em; padding-top:1em; border-top:1px dashed #ddd;}
h3#respond{margin:0 0 0.5em; font-size:1em;}
.commentlist{
	margin:0 0 4em;
	padding: 10px;
	border: solid 1px #ccc;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: url(images/gradient-grey.png) top center repeat-x;
}
.commentlist li{margin:0 0 1em; padding:0.5em 5px; position:relative;}

.ccount{font-size:1.3em; position:absolute; right:10px;}
.commentauthor{font:bold 1.5em/1 georgia, arial, sans-serif;}
.comment-meta, #comments p, .commentlist p{font:normal 1.3em/1.6666 georgia, sans-serif; color:#555;}
.comment-content p{margin:1.8181em 5px 1.8181em 0;}

.alt{background:#ececec;padding:15px;}
.authorcomment{background:#ddd;}
.avatar{
	float:right;
	padding-right:7px;
}
.reply a{
	display:block;
	font-weight: bold;
	text-decoration: none;
	text-align:center;
	padding: 5px;
	text-decoration:none;
	margin-top:15px;
	margin-bottom:15px;
	background-color: #ddd;
	width:50px;
	border: solid 1px #ccc;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;	
	-webkit-border-radius: 15px;
	border-radius: 15px;
	background: url(images/gradient-grey.png) top center repeat-x;
}

.cancel-comment-reply{
	float:right;
}
.comment-author-admin{
	background: #CD8C95;
	color:#fff;
}
	/*-commentforms*/
#commentform{margin:0 0 4em 0;}
#commentform p{margin:0 0 1em 0;}
#commentform textarea, #commentform input[type=text]{font:1.2em verdana, Courier, Monospace; padding:3px; border:1px solid #ccc; color:#666;}
#commentform textarea:focus, #commentform input[type=text]:focus{color:#000; border-color:#888;}
#commentform label{font-size:1em;}
#commentform textarea{width:90%;}
#commentform input[type=text]{width:45%;}
#commentform #submit{height:30px; padding:3px 6px;}

/*-----links-----*/
a{text-decoration:none; color:#996633;}
a:hover{text-decoration:underline;}
.entry-title a:hover, .entry-byline a:hover, .navigation a:hover{color:#000;text-decoration:none;}
.entry-byline a{color:#777;}
.entry-content a:hover{}
#content.page-template .entry-content a{text-decoration:none; font-weight:normal;}
#content.page-template .entry-content a:hover{text-decoration:underline;}
#footer a:hover{}
.gnavigation a:hover{border-bottom:none;}
.comments-link{
	font:normal 1.2em/1.6666 georgia, sans-serif;
	background:#fff url(images/packaged.gif) no-repeat center left;
	padding:3px;
	padding-left:20px;
}

/*Make sure your page contains a valid doctype at the top*/
#simplegallery{
	position: relative;
	visibility: hidden;
}

#simplegallery .gallerydesctext{
	text-align: left;
	padding: 2px 5px;
}
#note img{
	line-height:285px;
	vertical-align: middle;
}